/*===Desktop Style===*/
    /*===================*/
	html {
		scroll-behavior: smooth;
	  }
	.nav-item a{
		color:white;
		font-size: 1.2rem;
	}
	.nav-item:hover{
		background-color:white;
	}
	.nav-item:hover a{
		color:black;
	}
	/* code menu multi level */

	.dropdown-submenu {
		position: relative;
	}
	/*
	.dropdown-submenu>a:after {
		content: "\f0da"; 
		float: right;
		border: none;
		font-family: 'Font Awesome 5 Free';
		background: url(/images/icons/icon-follow.svg) no-repeat left center;
	}*/
	  
	.dropdown-submenu>.dropdown-menu {
		top: 0;
		left: 100%;
		margin-top: 0px;
		margin-left: 0px;
	}
	.dropdown-submenu>.dropdown-menu a{
		font-size:1rem;
		color:rgb(46, 46, 46);
	}
	.dropdown-menu>.nav-item{
		border-bottom:1px dotted gray;
	}
	.dropdown-menu>.nav-item:hover{
		background-color:black;
	}
	.dropdown-menu>.nav-item:hover> a{
		color:white;
	}
	/* akhir menu multi level ------------------------- */
	
	.navbar-hitam{
		background-color: black;
		opacity: 0.9;
	}
	.jumbotron{
		width:100vw;
	}
	
	/* home */
	.jumb-1{
		padding-top: 100px;
		background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../../image/desain/tanah_subur.jpg');
		width:100vw;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-bottom:50px;
		
	}
		#logo_home img{
			width:20vw;
			margin-bottom: 20px;
		}
		#video_home{
			width: 100vw;
			margin:0;
		}
		#my-video{
			display:block;
			margin-left:auto;
			margin-right: auto;
			height:400px;
		}
		.box-bagvid{
			margin-top:20px;
			margin-left:auto;
			margin-right:auto;
			width:80vw;
			overflow: auto;
			display:flex;
			background-color: rgb(105, 100, 100);
		}
		.bag_video img{
			box-sizing: border-box;
			height:160px;
			border-top:10px dashed rgb(0, 0, 0);
			border-bottom:10px dashed rgb(0, 0, 0);
			border-right:5px solid black;
		}
		#judul-video{
			text-align: center;
			font-weight: bold;
			color:white;
		}
		.desk-vid{
			padding-left:20px;
			padding-right:20px;
			width:80vw;
			margin-left:auto;
			margin-right:auto;
			color:white;
		}
		#isi-video{
			padding-left:20px;
			padding-right:20px;
			color:white;
			width:80vw;
			margin-left:auto;
			margin-right:auto;
			text-align: justify;
		}
	/* akhir home */
	.sub-logo{
		margin-top:20px;
		color:white;
		font-style: italic;
		font-size:2rem;
	}
	.jumb-1 .container-fluid .btn{
		margin-top:20px;
		width:200px;
		background-color: green;
		font-weight: bold;
		font-size:1.3rem;
		color:white;
	}
	.j-berita{
		font-weight: bold;
		font-size:30px;
		font-family: 'Roboto Slab', serif;
		margin-top:20px;
		padding:0;
		padding-bottom:-10px;
		
	}
	.j-berita a{
		color:black;
		text-decoration: none;
	}
	.j-berita a:hover{
		color:#FFBC1A;
		text-decoration: none;
	}
	.j-subberita{
		font-family: 'Roboto', sans-serif;
		font-size:15px;
		font-weight: bold;
		color:#999999;
	}
	.berita{
		padding:0;
		margin:0;
		width:30vw;
	}
	.berita a:hover{
		text-decoration: none;
	}

	.berita .card-body{
		padding:0;
		margin:0;
		text-align:center;
	}
	.berita .img{
		width:100%;
	}
	.card-time{
		position:relative;
		display: flex;
		justify-content: flex-end;
		margin-top:-25px;
		background-color: #036d26;
		font-family: 'Times New Roman', Times, serif;
		font-style: italic;
		color:white;
		padding-right:10px;
	}
	.berita .card-title{
		margin:0;
		padding:0;
		font-size:14px;
		color:#1f1e1e;
		font-weight:bold;
	}	
	.berita .card-title:hover{
		color:#086624;
		
	}
	.jumb-2{
		position:relative;
		top:0;
		width:70vw;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left:auto;
		margin-right:auto;

	}
	.jumb-2 .card{
		background-color:unset;
	}
	.jumb-2 img{
		width:80%;
		border:8px solid white;
	}
	.jumb-2 .card{
		text-align: center;
		padding-top:20px;
		border:none;
		border-radius: unset;
	}
	.jumb-2 .card-title{
		color:rgb(70, 60, 60);
	}
	.jumb-3{
		display: flex;
		align-items: center;
		background-color:white;
		padding-top:50px;
		padding-bottom:50px;
	}
	.jumb-3 .container{
		margin-left:auto;
		margin-right:auto;
	}
	.jumb-3 .container img{
		width:100%;
	}
	.jumb-3 .container{
		text-align: justify;
	}
	.jumb-3 .container p{
		color:rgb(65, 62, 62);
	}
	.jumb-hub{
		display: flex;
		align-items: center;
		background-color:black;
		padding-top:50px;
		padding-bottom:50px;
	}
	.jumb-hub .container{
		margin-left:auto;
		margin-right:auto;
		color:white;
	}
	.jumb-hub .container{
		text-align: justify;
	}
	.judul-page{
		background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../../image/desain/tanah_subur.jpg');
		padding-top:100px;
		padding-bottom:10px;
	}
	.judul-page>.container{
		color:white;
	}
	.isi-page>.container{
		padding:30px;
		min-height:63vh;
		text-align: justify;
		color:#565858;
		font-family: 'Poppins', sans-serif;
		font-size:14px;
		line-height: 25px;
		font-weight: 400;
	}

	footer{
		
		background-color:black;
		color:white;
	}
	footer>div{
		padding:10px;
	}
    /*===Tablet Style===*/
    /*==================*/
@media only screen and (min-width: 481px) and (max-width: 900px){  
	.jumb-2{
		position:relative;
		top:30px;
	}
	.berita{
		padding:0;
		margin:0;
		width:50vw;
	}
	#logo_home img{
		width:60vw;
		margin-bottom: 20px;
	}
	#video_home video{
		width: 100%;
	}
	#isi-video{
		width:100vw;
	}
	.box-bagvid{
		width:100vw;
	}

	
}
    /*===Smartphone Style===*/
    /*======================*/
@media only screen and (max-width: 480px){
	.jumb-2{
		position:relative;
		top:30px;
	}
	.berita{
		padding:0;
		margin:0;
		width:100vw;
	}
	#navbar{
		position:absolute;
	}
	.navbar-collapse{
		width:100vw;
		background-color:black;
		padding-left:10px;
		opacity: 0.9;
	}  
	#logo_home img{
		width:80vw;
		margin-bottom: 20px;
	}
	#video_home video{
		width: 100%;
	}
	#isi-video{
		width:100vw;
	}
	.box-bagvid{
		width:100vw;
	}
   
	
}